<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>注册</title>

<%@include file="bt.jsp"%>
<style>
body {
	background-color:#ffc0a1;
}
.btn-primary{
	background-color: orange;
    border-color: orange;
}
.list-group-item.active{
	background-color: orange;
    border-color: orange;
}

.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle{
background-color: orange;
    border-color: orange;
}
</style>

</head>
<body>
	<div class="container">
		<!------------ 导航栏  -------------->
		<%@ include file="navBar.jsp"%>

		<!--左边栏-->
		<div class="row">
			<div class="col-md-2" style="padding-top: 10px;">
				<%@ include file="left.jsp"%></div>

			<!------------ 中间内容  -------------->

			<div class="col-md-8" style="padding-top: 10px;">
				<div class="card">
					<div class="card-header">机构注册
				<a class="btn btn-secondary dropdown-toggle" href="#" role="button"
					id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true"
					aria-expanded="false" style="margin-left:20px"> 机构注册 </a>

				<div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
    <a class="dropdown-item" href="${pageContext.request.contextPath}/Reg">个人用户注册</a>
    <a class="dropdown-item" href="${pageContext.request.contextPath}/insReg">机构注册</a>
				</div>
			
					
					</div>
					<div class="card-body">

						<p>${info}</p>

						<!-- 登录表单 -->
						<form class="form-signin" action="<%=request.getContextPath()%>/InsRegAction" method="post">
							<div class="row">
								<div class="col-md-2">
									<img class="mb-4" src="img/logo.png" alt="" width="100">
								</div>
								<div class="col-md-4"
									style="padding-top: 30px; padding-left: 30px">
									<h1 class="h3 mb-3 font-weight-normal">请注册</h1>
								</div>
							</div>
							<div class="form-group row">
								<label for="inputEmail3" class="col-sm-3 col-form-label">机构名：</label>
								<div class="col-sm">
									<input type="text" class="form-control" id="username"
										name="inname" placeholder="请输入机构名">
								</div>
							</div>
							<div class="form-group row">
								<label for="inputPassword3" class="col-sm-3 col-form-label">密码：</label>
								<div class="col-sm">
									<input type="password" class="form-control" id="password"
										name="inpsw" placeholder="请输入密码">
								</div>
							</div>
							<div class="form-group row">
								<label for="inputPassword3" class="col-sm-3 col-form-label">确认密码：</label>
								<div class="col-sm">
									<input type="password" class="form-control" id="password"
										name="password" placeholder="请再次输入密码">
								</div>
							</div>

							<div class="form-group row">
								<label class="col-sm-3 col-form-label">联系电话（必填）：</label>
								<div class="col-sm">
									<input type="text" class="form-control" name="innum" 
									placeholder="请输入联系电话">
								</div>
							</div>

							<div class="form-group row">
								<label class="col-sm-3 col-form-label">省市：</label>
								<div class="col-sm">

									<!--  col-md-4 -->
									<select id="inputState" class="col-sm-3 col-form-label"
										name="sheng">
										<option selected>省</option>
										<option value="浙江省">浙江省</option>
										<option value="江苏省">江苏省</option>
										<option value="福建省">福建省</option>
										<option value="广东省">广东省</option>
									</select>


									<!--  col-md-4 -->
									<select id="inputState" class="col-sm-3 col-form-label"
										name="shi">
										<option selected>市</option>
										<option value="杭州">杭州</option>
										<option value="宁波">宁波</option>
										<option value="丽水">丽水</option>
										<option value="绍兴">绍兴</option>
									</select>


								</div>
							</div>

							<div class="form-group row">
								<label class="col-sm-3 col-form-label">地址：</label>
								<div class="col-sm">
									<input type="text" class="form-control" 
									name="location" placeholder="请输入地址">
								</div>
							</div>

							<div class="form-group row">
								<label class="col-sm-3 col-form-label">验证码：</label>
								<div class="col-sm">
									<img src="ResponseImage"> <input type="text"
										class="form-control" placeholder="请输入验证码">
								</div>

							</div>

							<button class="btn btn-lg btn-primary btn-block" type="submit">注册</button>

						</form>
						<h5 class="card-title">关于本站</h5>
						<p class="card-text">让点滴爱汇聚，让爱的人回家。</p>
						<a href="index.jsp" class="btn btn-primary">返回首页</a>
					</div>
				</div>
			</div>
			
			<div class="col-md-2" style="padding-top: 10px;"><%@ include
					file="right.jsp"%></div>
		</div>

		<div class="row">
			<div class="col-md-3">
				<%@include file="infoCol.jsp"%>
			</div>
			<div class="col-md-3">
				<%@include file="infoCol.jsp"%>
			</div>
			<div class="col-md-3">
				<%@include file="infoCol.jsp"%>
			</div>
		</div>
	</div>
</body>
</html>